<template>
    <el-dialog v-model="dialogVisible" title="Tips" width="30%">
        <span>This is a message</span>
        <template #footer>
            <span class="dialog-footer">
                <el-button @click="dialogVisible = false">取消</el-button>
                <el-button type="primary" @click="confirmEvent()">
                    确认
                </el-button>
            </span>
        </template>
    </el-dialog>

</template>

<script lang="ts" setup>
import { ref } from 'vue'
const dialogVisible = ref(false)
const confirmEvent = () => {
    dialogVisible.value = false
}
</script>

<style>

</style>
